{% extends 'base.html' %}
{% block title %}注册{% endblock %}
{% block link %}<link rel="stylesheet" href="/static/css/customer/register.css">{% endblock %}
{% block js %}<script src="/static/js/customer/register.js"></script>{% endblock %}
{% block content %}
  <main id="main">
    <div class="layui-container" style="margin-top: 200px; margin-bottom: 250px;">
      <!-- logo-box start -->
      <div class="logo-box">
        <div>
          <a href="/"><img src="/static/images/logo.jpg" alt=""></a>
        </div>
        <div class="ad">
          想要拥有飞一样的配送速度吗？</br><span>FFmall</span>，您值得体验
        </div>
      </div>
      <!-- logo-box end -->

      <!-- form-box start -->
      <div class="form-box layui-bg-gray">
        <div class="top-contain">
          <h3>用户注册</h3>
          <a id="login" href="/login/">立即登录&gt;</a>
        </div>
        <form class="layui-form" action="" method="post"><!--表单--赋值和取值 -->
          {% csrf_token %}
          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.email }}
              {{ form.email.errors }}
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.password }}
              {{ form.password.errors }}
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.re_pass }}
              {{ form.re_pass.errors }}
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.verify }}
              {{ form.verify.errors }}
              <button type="button" id="send_mail" class="code-btn layui-btn layui-btn-primary layui-border-blue">发送验证码</button>
            </div>

          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即注册</button>
            </div>
          </div>
        </form>
      </div>
      <!-- form-box end -->
    </div>
  </main>
{% endblock %}
{% block footer %}{% include 'include/_footer.html' %}{% endblock %}